<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>审核列表</title>
    <link rel="stylesheet" href="../../../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/styleReset.css">

    <link rel="stylesheet" href="../../css/examin.css">
</head>
<body class="examine-body">
<div class="examineMana">
    <!-- 内容主体区域 -->
    <div class="content-box" style="display: flex;height: 100%;">
        <!--塞内容位置-->

        <!--内容部分 start-->
        <div class="content-right-part">
            <div class="search-bar">
                <form class="form-inline">
                    <div class="form-group">
                        <label for="knowHouseName">知识库名称：</label>
                        <input type="text" class="form-control" id="knowHouseName" placeholder="南京政务">
                    </div>
                    <div class="form-group">
                        <label for="examineType">审核类型：</label>
                        <select name="" class="form-control" id="examineType">
                            <option value="">全部</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="status">状态：</label>
                        <select name="" class="form-control" id="status">
                            <option value="">全部</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-inline control-label">提交时间：</label>
                        <div class="form-inline">
                            <input style="cursor:default" type="text" name="qzq" id="begin_time"
                                   class="Wdate form-control"
                                   onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日',minDate:'2019-08-09'})"
                                   value="2020年6月29日"/>
                        </div>
                        <span class="form-inline">-</span>
                        <div class="form-inline">
                            <input style="cursor:default" type="text" name="qzq" id="end_time"
                                   class="Wdate form-control"
                                   onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日',minDate:'2019-08-09'})"
                                   value="2020年7月1日"/>
                        </div>

                    </div>
                    <a href="javascript:void(0)">
                        <button type="button" class="btn btn-primary form-inline-search" id="examineBtn">查询</button>
                    </a>
                </form>

            </div>

            <div class="card card-content examineMana-content" id="examineManaContent">
                <div class="data-list">
                    <table class="layui-table" lay-even="" lay-skin="nob">
                        <thead>
                        <tr>
                            <th>知识名称</th>
                            <th>审核类型</th>
                            <th>所属知识库</th>
                            <th>提交时间</th>
                            <th>提交人</th>
                            <th>提交人工号</th>
                            <th>状态</th>
                            <th>处理记录</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="examineManaList">
                        <tr data-id="11">
                            <td>房产税征收范围</td>
                            <td>新增</td>
                            <td>知识库1</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>未处理</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="12">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库2</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="13">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库3</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="14">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库4</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="15">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库5</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="16">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库6</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="17">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库7</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="18">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库8</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="19">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库9</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        <tr data-id="110">
                            <td>房产征税范围</td>
                            <td>2019.11.24</td>
                            <td>到期</td>
                            <td>知识库10</td>
                            <td>2019.11.24 13:00</td>
                            <td>张东阳</td>
                            <td>D483924</td>
                            <td>
                                <a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a>
                            </td>
                            <td>
                                <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>
                                <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>
                                <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <!--分页功能 start-->
                    <div id="examineManaPage" class="page-box">

                    </div>
                    <!--分页功能 end-->
                </div>
            </div>
        </div>
        <!--内容部分 end-->
        <div class="clearfix"></div>
    </div>
</div>

<!--处理记录弹层 start-->
<div class="modal fade" id="dealDetailModal" tabindex="-1" role="dialog" aria-labelledby="dealDetailModalLabel" align="center">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="dealDetailModalLabel">处理记录</h4>
            </div>
            <div class="modal-body madal-body-height">
                <div class="madal-body-content ">
                  <ul class="deal-list-items" id="dealListItems">
                      <li class="deal-list-item">
                          <div class="col-xs-3 text-right">2019.11.14 12:30</div>
                          <div class="col-xs-9">
                              <div class="status-name">提交</div>
                              <div class="status-detail">
                                  <span>处理说明：</span>驳回原因说明驳回原因说明驳回原因说明驳回 原因说明
                              </div>
                              <div class="deal-people"><span>处理人：</span><span>张东阳（工号：D74618）</span></div>
                          </div>
                      </li>
                      <li class="deal-list-item">
                          <div class="col-xs-3 text-right">2019.11.14 12:30</div>
                          <div class="col-xs-9">
                              <div class="status-name">审核中</div>
                              <div class="status-detail">
                                  <span>处理说明：</span>驳回原因说明驳回原因说明驳回原因说明驳回 原因说明
                              </div>
                              <div class="deal-people"><span>处理人：</span><span>张东阳（工号：D74618）</span></div>
                          </div>
                      </li>
                      <li class="deal-list-item">
                          <div class="col-xs-3 text-right">2019.11.14 12:30</div>
                          <div class="col-xs-9">
                              <div class="status-name">驳回</div>
                              <div class="status-detail">
                                  <span>处理说明：</span>驳回原因说明驳回原因说明驳回原因说明驳回 原因说明
                              </div>
                              <div class="deal-people"><span>处理人：</span><span>张东阳（工号：D74618）</span></div>
                          </div>
                      </li>
                  </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--处理记录弹层 end-->

<script src="../../../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../../../plugins/bootstrap.js"></script>
<script src="../../../../plugins/layui/layui.js"></script>
<script src="../../../../plugins/My97DatePicker/WdatePicker.js"></script>
<script>
    layui.use(['layer', 'laypage', 'element'], function () {
        var layer = layui.layer
            , element = layui.element
            , laypage = layui.laypage
            , $ = layui.jquery;

        // 查核列表分页
        laypage.render({
            elem: 'examineManaPage'
            , count: 100
            // ,first: false
            // ,last: false
            // ,prev: '<em><</em>'
            // ,next: '<em>></em>'
            , jump: function (obj) {
                console.log(obj)
                // 当前页点击
                var currentPage = obj.curr;
                var resultData = [
                    {
                        id: 1
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '修改'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '0'
                    }
                    ,{
                        id: 2
                        , knowName: '个人所得税起征标准'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '1'
                    }
                    ,{
                        id: 3
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '0'
                    }
                    ,{
                        id: 4
                        , knowName: '个人所得税起征标准'
                        , exmainType: '废止'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '0'
                    }
                    ,{
                        id: 5
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '0'
                    }
                    ,{
                        id: 6
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '0'
                    }
                    ,{
                        id: 7
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '1'
                    }
                    ,{
                        id: 8
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '1'
                    }
                    ,{
                        id: 9
                        , knowName: '增值房产税如何缴纳'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '0'
                    }
                    ,{
                        id: 10
                        , knowName: '个人所得税起征标准'
                        , exmainType: '新增'
                        , knowHouse: '知识库1'
                        , submitTime: '2019.11.24 13：00'
                        , submitName: '张东阳'
                        , submitId: 'D483924'
                        , type: '1'
                    }
                ]
                var resultItemsTemp = ''
                if(resultData.length>0){


                for (var i = 0; i < resultData.length; i++) {
                    var tdtmpHtml = resultData[i].type === '1'?"<span class=\"warning-text\">未处理</span>": resultData[i].type === '1'?"<span class=\"success-text\">已处理</span>":"<span class=\"success-text\">已处理</span>"

                    resultItemsTemp += '<tr data-id="' + resultData[i].id + '">\n' +
                        '  <td>' + resultData[i].knowName + '</td>\n' +
                        '  <td>' + resultData[i].exmainType + '</td>\n' +
                        '  <td>' + resultData[i].knowHouse + '</td>\n' +
                        '  <td>' + resultData[i].submitTime + '</td>\n' +
                        '  <td>' + resultData[i].submitName + '</td>\n' +
                        '  <td>' + resultData[i].submitId + '</td>\n' +
                        '  <td><span class="">' + tdtmpHtml + '</span></td>\n' +
                        '  <td><a href="javascript:void(0)" class="detail-btn"><img src="../../image/detail.png" alt=""></a></td>\n' +
                        '  <td>\n' +
                        '     <a href="javascript:void(0)" class="edit-btn"><img src="../../image/detail.png" alt=""></a>\n' +
                        '     <a href="javascript:void(0)" class="confirm-btn"><img src="../../image/confirm.png" alt=""></a>\n' +
                        '     <a href="javascript:void(0)" class="reject-btn"><img src="../../image/reject.png" alt=""></a>\n'
                        '  </td>\n' +
                        '</tr>'
                }
                }else{
                    resultItemsTemp = '<td colspan="9">暂无内容</td>'
                }
                $("#examineManaList").html(resultItemsTemp)
            }
        });
        // 查询按钮事件
        $("#examineBtn").on("click",function(){
            layer.msg("您点击了查询")
        })
        // 处理记录
        $(document).on('click','.detail-btn',function(){
            $("#dealDetailModal").modal("show");
        })
        // 编辑按钮
        $(document).on('click','.edit-btn',function(){
            layer.msg('你选择的是id为'+$(this).parents("tr").data('id') + "的编辑按钮")
        })
        //对号按钮
        $(document).on('click','.confirm-btn',function(){
            layer.msg('你选择的是id为'+$(this).parents("tr").data('id')+ "的对号按钮")
        })
        // 错号按钮
        $(document).on('click','.reject-btn',function(){
            layer.msg('你选择的是id为'+$(this).parents("tr").data('id')+ "错号按钮")
        })
    });
</script>
</body>
</html>
